<%--
  Created by IntelliJ IDEA.
  User: oldliu
  Date: 2022/8/30
  Time: 22:56
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <title>Title</title>
    <script>

    </script>
    <style>
        li{
            list-style: none;
        }
        a{
            text-decoration: none;
            color:black;
        }
        #top{

        }
        .children{
            display: none;
        }
        .show{
            display: flex;
            flex-direction: row;
            justify-content: space-around;
        }
    </style>
</head>
<body>
  <div>
      <ul id="top" class="show">
          <c:forEach items="${sections}" var="s">
          <li>
              <span>${s.sectionname}</span>
              <div>
                  <ul class="children">
                      <c:forEach items="${s.children}" var="s2">
                      <li><a href="#">${s2.sectionname}</a> </li>
                      </c:forEach>
                  </ul>
              </div>
          </li>
          </c:forEach>
      </ul>
  </div>
</body>
</html>
